<html>
	<head>
		<!-- 必要文件：引入jquery -->
		<script src="/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
		
		<!-- ECharts必要文件 -->
		<script src="/echarts/echarts.min.js"></script>

		<!-- 引入 ECharts 地图 -->
		<script src="/echarts/map/china.js"></script>
		
		<script th:inline="javascript">
			$.get('/echarts/map/'+ [[${echartsOnClick.provinceCode}]]+'.json', function (chinaJson) {
			    echarts.registerMap([[${echartsOnClick.provinceCode}]], chinaJson);
			    var chart = echarts.init(document.getElementById('main'));
			    chart.setOption({
			        series: [{
			            type: 'map',
			            map: [[${echartsOnClick.provinceCode}]]
			        }]
			    });
			});
		</script>
	</head>
	<body>
	
		id：<span th:text="${echartsOnClick.id}"></span><br/>
		seriesIndex：<span th:text="${echartsOnClick.seriesIndex}"></span><br/>
		seriesName：<span th:text="${echartsOnClick.seriesName}"></span><br/>
		name：<span th:text="${echartsOnClick.name}"></span><br/>
		provinceCode：<span th:text="${echartsOnClick.provinceCode}"></span><br/>
		value：<span th:text="${echartsOnClick.value}"></span><br/>
		x：<span th:text="${echartsOnClick.x}"></span><br/>
		y：<span th:text="${echartsOnClick.y}"></span><br/>
		
		<div id="main" style="width:400px;height:350px"></div>
		
	</body>
</html>